<template>
  <div>
    <!-- 文章列表页面 -->
    <ArticleItem v-for="obj in list" :key="obj.art_id" :artObj="obj" @removeArt="removeFn"></ArticleItem>
  </div>
</template>

<script>
import ArticleItem from '@/components/ArticleItem'
export default {
  components: {
    ArticleItem
  },
  props: {
    list: Array
  },
  methods: {
    removeFn (art_id, type) { // 删除文章
      this.$emit('removeA', art_id, type) // 传给index.vue里removeA事件中
    }
  }
}

//  目标: 图片懒加载
//   延迟加载, 提高性能(只显示页面上的见的这一屏数据)
//   图片懒加载: 在图片出现在网页可视区域时, 再去加载图片地址显示图片
//   原理:
//   1. 先不给img的src属性赋值, 保存在另一个属性上
//   2. 滚出去的+屏幕高度 大于 图片距离顶部值, 给当前img设置src
//   使用:
//   vant组件库 v-lazy替代src属性
</script>

<style>

</style>
